<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_details.css">
</head>
<body>
<header>头部</header>
<div class="main">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../img/pro_details_banner1.png" alt="pro_details_banner1.png"></div>
            <div class="swiper-slide"><img src="../img/pro_details_banner1.png" alt="pro_details_banner1.png"></div>
            <div class="swiper-slide"><img src="../img/pro_details_banner1.png" alt="pro_details_banner1.png"></div>
            <div class="swiper-slide"><img src="../img/pro_details_banner1.png" alt="pro_details_banner1.png"></div>
            <div class="swiper-slide"><img src="../img/pro_details_banner1.png" alt="pro_details_banner1.png"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="pro-details">
        <h2>纯锡茶叶罐 大号根本锡罐 锡器金属密封储茶罐 商务礼品支持定制</h2>
        <h3>纯手工手刻 99.9高纯锡 保鲜保味</h3>
        <span>￥<b>558.00</b></span>
        <p>原价 ￥<s>738.00</s> </p>
        <div class="money">
            <i>运费 ￥<s>0.00</s></i>
            <span>月销量<s>1000</s>笔</span>
            <b>广东广州</b>
        </div>
    </div>
    <div class="times">
        <p>16:00前付款，预计<b>9月22号</b>  <s>(后天)</s>  到达</p>
    </div>
    <div class="exchange">
        <ul>
            <li>正品保障</li>
            <li>7天包退换</li>
            <li>赠送运费险</li>
        </ul>
        <a href="#">&gt;</a>
    </div>
    <div class="discount">
        <a href="#">领取优惠券</a>
        <a href="#">&gt;</a>
    </div>
    <div class="select">
        <a href="" class="color">
            选择颜色分类
            <span>&gt;</span>
        </a>
        <a href="" class="parameter">
           产品参数
            <span>&gt;</span>
        </a>
    </div>
    <div class="evaluate">
        <h3>评价</h3>
    </div>
    <div class="pro-parameter">
        <h2>产品参数(<b>5245</b>)</h2>
        <h3>q***2</h3>
        <p>物流超快，从下单到收货大约十二个小时。东西与图片
            相符，包装还算可以，自用的东西也不讲究，密封性一
            般，不好也不差，比个旧的九九锡要差一点，没有那种
            按下盖子会自动回弹的现象。</p>
        <span>
            <i>2017-07-26</i>
            <b>颜色分类：银黑色</b>
        </span>
        <a href="#">查看全部评论</a>
    </div>
    <div class="message">
        <h3>评价</h3>
    </div>
    <div class="pro-message">
        <h2>商品信息</h2>
        <p>品牌 <span>荣盛达</span></p>
        <p>颜色分类 <span>银黑色</span></p>
        <p>货号 <span>S5520</span></p>
        <p>材质 <span>金属</span></p>
        <p>是否手工 <span>是</span></p>
        <a href="#">查看更多</a>
    </div>
    <div class="details">
        <img src="../img/pro_list_11.png" alt="">
    </div>


</div>
<footer>尾部</footer>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
<script src="../js/pro_details.js"></script>
</body>
</html>